.m-wrap {
  padding: 20px 20px 20px 0;
}
.m-container {
  padding: 25px;
  background: #fff;
  border-radius: 6px;

  .el-table--scrollable-x .el-table__body-wrapper {
    overflow: auto;
  }
}
.m-breadcrumb {
  margin-bottom: 20px;
  color: #828282;
  .el-breadcrumb__inner a {
    color: #828282;
    font-weight: 400;
    &:hover {
      color: #01a8ec;
    }
  }
  .el-breadcrumb__item:last-child .el-breadcrumb__inner,
  .el-breadcrumb__item:last-child .el-breadcrumb__inner a,
  .el-breadcrumb__item:last-child .el-breadcrumb__inner a:hover,
  .el-breadcrumb__item:last-child .el-breadcrumb__inner:hover {
    color: #01a8ec;
  }
}
.m-filter {
  .el-date-editor--daterange.el-input__inner {
    width: 300px;
  }
  .el-select--small {
    width: 145px;
  }
  .el-button--small {
    vertical-align: middle;
  }
  .el-form-item__content {
    line-height: 32px;
  }
  .el-form-item {
    margin-bottom: 20px;
  }
  .el-input-group__append {
    padding: 0;
    text-align: center;
    min-width: 32px;
    overflow: hidden;
  }
}

.m-pagination {
  text-align: center;
  padding: 20px 20px 0;
}


.el-table__expanded-cell,
.el-table__expanded-cell:hover {
  background: #fbfbfb !important;
}
.m-table-expand {
  font-size: 0;
  & label {
    // width: 100px;
    color: #99a9bf;
  }
  & .el-form-item {
    margin-right: 0;
    margin-bottom: 0;
    width: 33.33%;
  }
}

.u-w100 {
  width: 100px !important;
}

.u-w150 {
  width: 150px !important;
}

.u-w200 {
  width: 200px !important;
}

.u-w300 {
  width: 300px !important;
}
